import { NoticeBar } from "antd-mobile"
import Nabar from "../../conpoment/Nabar"
import { Dialog } from 'antd-mobile'
import { ExclamationCircleOutline } from 'antd-mobile-icons'
import style from './index.module.css'
function Index() {
  return (
    <div>
      <div>
        <Nabar title='我的卡券'></Nabar>
      </div>
      <div>
        <NoticeBar content='问诊券使用说明' color='alert' icon={<ExclamationCircleOutline onClick={() => {
          Dialog.alert({
            content: [
              <p>1、妙手医生问诊券不可叠加使用</p>,
              <p>2、妙手医生问诊券使用条件：仅在妙手平台的问诊使用，不涵盖平台其他商品的使用</p>,
              <p>3、妙手问诊券为满减券，只有至指定医生复诊满额的情况下使用</p>,
              <p>1、问诊券有效，过期之后不可使用</p>,
            ],
            closeOnMaskClick: true,
          })
        }} />} />
      </div>
      <div className={style.emptyMessage}>
        没有更多有效券了~
      </div>

    </div>
  )
}

export default Index
